page {
	height: 100%;
}
body {
	overflow-x: hidden;
}
uni-page-body,
.main-container {
	height: 100%;
}

// .uni-navbar {
// 	/deep/ &__header-btns {
// 		width: auto !important;
// 	}
// }

/* #ifdef MP-WEIXIN || MP-QQ */
// .custom-nav {
// 	/deep/ .uni-navbar__header {
// 		padding: 0 120px 0 10px !important;
// 	}
// }
/* #endif */

// 自定义导航
.custom-nav {
	display: flex;

	&__item {
		display: flex;
		flex-flow: row;
		align-items: center;
		justify-content: flex-start;
	}

	&__input {
		background-color: $uni-bg-color;
		border-radius: 15px;
		margin: 7px 0;
		padding: 0 15px;
		height: 30px;
		line-height: 30px;
		flex: 1;

		/deep/ .nav-bar-input {
			width: 100%;
			margin-left: 10rpx;
		}
	}

	&__btn {
		border: 1px solid $uni-border-3 !important;
		color: $uni-info !important;
		height: 26px;
		font-size: 12px;
		line-height: 24px;
	}
}

/deep/ .tn-btn {
	width: 100% !important;
}

/* 悬浮 */
.tnxuanfu {
	animation: suspension 3s ease-in-out infinite;
	
	.icon12 {
		&__item {
			width: 30%;
			background-color: #ffffff;
			border-radius: 10rpx;
			padding: 30rpx;
			margin: 20rpx 10rpx;
			transform: scale(1);
			transition: transform 0.3s linear;
			transform-origin: center center;
	
			&--icon {
				width: 100rpx;
				height: 100rpx;
				font-size: 60rpx;
				border-radius: 50%;
				position: relative;
				z-index: 1;
			}
		}
	}
}

/* 按钮 */
.edit {
	bottom: 300rpx;
	right: 40rpx;
	position: fixed;
	z-index: 9999;
}

/* 底部固定值 start*/
.footerfixed {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 1;
	background-color: $uni-white;

	.icon12 {
		&__item {
			width: 30%;
			background-color: #ffffff;
			border-radius: 10rpx;
			padding: 30rpx;
			margin: 20rpx 10rpx;
			transform: scale(1);
			transition: transform 0.3s linear;
			transform-origin: center center;

			&--icon {
				width: 80rpx;
				height: 80rpx;
				font-size: 50rpx;
				border-radius: 50%;
				position: relative;
				z-index: 1;
			}
		}
	}
}

.tabbar {
	align-items: center;
	min-height: 130rpx;
	padding: 0;
	height: calc(130rpx + env(safe-area-inset-bottom) / 2);
	padding-bottom: calc(30rpx + env(safe-area-inset-bottom) / 2);
	padding-left: 10rpx;
	padding-right: 10rpx;
}

/* H5的时候，隐藏滚动条 */
::-webkit-scrollbar {
	display: none;
	width: 0 !important;
	height: 0 !important;
	-webkit-appearance: none;
	background: transparent;
}
